<template>
	<view class="loading-bg">
		<view class="loading-inner">
			<img :src="'/hanjy-learn/static/img/' + gifUrl + '.gif'" width="100%" mode="widthFix" alt="正在为您加载">
		</view>
	</view>
</template>

<script>
	let me;
	export default {
		data() {
			return {
				
			}
		},
		props: {
			gifUrl: {
				type: String,
				default: "isLoading"
			}
		},
		mounted() {
			me = this;
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.loading-bg {
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0%;
		z-index: 11;		
		background-color: rgba(0, 0, 0, .5);
		
		.loading-inner {
			width: 50vw;
			margin: 35vh 25vw auto 25vw;
		}
	}
</style>